import Vue from "vue";
import Router from "vue-router";
import Ranking from "./pages/Ranking/index.vue";
import Broadcasting from "./pages/Broadcasting/index.vue"
import Radiodetails from "./pages/Radiodetails/index.vue"
import Home from "./views/Home.vue";
import Detail from './views/Detail.vue'
import Sing from './views/Sing.vue'
import Storer from './views/Storer.vue'
// import Singpage from './components/Singpage.vue'

import Musician from "./pages/Homes/Musician.vue";
import Artists from "./pages/Homes/Artists.vue";
import Singersort from "./pages/Homes/singerSort.vue";
import Loginer from "./pages/loginer/index.vue";
import Mine from "./pages/Homes/Mine.vue";
import Mysongs from "./pages/Homes/Mysongs.vue"

Vue.use(Router);

export default new Router({
  routes: [
    {
      path: "/",
      name: "home",
      component: Home,
    },
    {
      path: "/ranking",
      name: "ranking",
      component: Ranking
    },
    {
      path: "/broadcasting",
      name: "broadcasting",
      component: Broadcasting
    },
    {
      path: "/radiodetails",
      name: "radiodetails",
      component: Radiodetails
    },
    {
      path: "/detail/:id",
      name: "detail",
      component: Detail

    },
    {
      path: "/sing/:id",
      name: "sing",
      component: Sing,

    },
    {
      path: "/Musician",
      name: "Musician",
      component: Musician
    },
    {
      path: "/Artists/:id",
      name: "Artists",
      component: Artists
    },
    {
      path: "/Singersort/:cat",
      name: "Singersort",
      component: Singersort
    },
    {
      path: "/Loginer",
      name: "Loginer",
      component: Loginer
    },
    {
      path: "/storer",
      name: "storer",
      component: Storer,

    },
    {
      path: "/Mine",
      name: "Mine",
      component: Mine,
      children: [
        {
            path: "Mysongs/:id",
            name: "Mysongs",
            component: Mysongs
        },
      ]
    }
  ]
});